<template>
	<div>
		<div class="self">
			<view class="itemNumber">
				<view style="font-weight: 700;">{{userCenterMini.collect}}</view>
				<view>收藏</view>
			</view>
			
			<view class="itemNumber">
				<view style="font-weight: 700;">{{userCenterMini.collect}}</view>
				<view>粉丝</view>
			</view>
			
			<view class="itemNumber">
				<view style="font-weight: 700;">{{userCenterMini.collect}}</view>
				<view>关注</view>
			</view>
			
			<view class="itemNumber">
				<view style="font-weight: 700;">{{userCenterMini.collect}}</view>
				<view>动态</view>
			</view>
			
		</div>
		<div style="clear: both;"></div>
	</div>
</template>

<script>
	var userCenterMini = getApp().globalData.userCenterMini;
	
	export default{
		name:'userCenter',
		components:{
			
		},
		data(){
			return{
				userCenterMini:userCenterMini
			}
		}
	}
</script>

<style>
.itemNumber{
	display: block;
	margin: 0 auto;
	width: 25vw;
	height: min-content;
	float: left;
}
.itemNumber view{
	display: block;
	margin: 0 auto;
	text-align: center;
}
.self{
	align-items: center;
	margin-top: 3vh;
}
</style>